<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!--360浏览器优先以webkit内核解析-->


    <title>H+ 后台主题UI框架 - 主页示例</title>

    <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
    <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__STATIC__/layout/css/font-awesome.css?v=4.4.0" rel="stylesheet">

    <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
    <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
    <link href="__STATIC__/layout/css/common.css" rel="stylesheet">
    <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
    <style>
        .row {
            padding: 0;
            margin: 0;
        }
        .clearFix::after {
            content: ".";
            clear: both;
            display: block;
            overflow: hidden;
            font-size: 0;
            height: 0;
        }
        
        .clearFix {
            zoom: 1;
        }
          .inputremindPeple{max-width: 200px;height: 26px; display: inline-block;}
        .textR{text-align: right;}
    </style>

</head>

<body class="white-bg">
<div class="container white-bg" style="padding:0;margin:0 auto">
 <table class="table table-bordered da_table white-bg" style="margin:10px 0">
      <tr>
        <td class="textR">经销商编号</td>
        <td>
            123456
        </td>
     </tr>
     <tr>
        <td class="textR">经销商名称</td>
        <td>福州家乐福广州百佳大和味测试系统</td>
     </tr>
     </table>
      <form action="#" class="">
        <div class="row  border-bottom white-bg" style="padding: 0">
                <div class="col-md-12 border_S" style="background: #d0e0e0;line-height: 40px;text-align: center;font-size:18px;color:#333;font-size:16px">请选择系统更换的经销商</div>
     </div>
     <table class="table table-bordered da_table white-bg" style="margin-bottom:0">
        <tr>
           <td style="text-align: center;"><input type="text" class="form-control inputremindPeple" name="NewAgency"><button class="btn btn-primary" style="margin:0 10px">选择</button></td>
        </tr>
     </table>
      <div class="col-md-12 white-bg" style="padding: 20px 0;text-align: center;">
            <button class="btn btn-primary">确认</button>
            <button class="btn btn-danger" style="margin:0 10px" id="cancelBack">取消</button>
     </div>
      </form>
</div>
    </script>

    <!-- 全局js -->
    <script src="__STATIC__/layout/js/jquery.min.js?v=2.1.4"></script>
    <script src="__STATIC__/layout/js/bootstrap.min.js?v=3.3.6"></script>
    <script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
    <script>
          var cancelBack = document.getElementById('cancelBack')
            cancelBack.onclick = function(){
                 var index = parent.layer.getFrameIndex(window.name);
                 parent.layer.close(index);
            }
    </script>
</body>

</html>